<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>

    <!-- For-Mobile-Apps -->
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords"
          content="Hotel Booking Widget Responsive, Login Form Web Template, Flat Pricing Tables, Flat Drop-Downs, Sign-Up Web Templates, Flat Web Templates, Login Sign-up Responsive Web Template, Smartphone Compatible Web Template, Free Web Designs for Nokia, Samsung, LG, Sony Ericsson, Motorola Web Design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <!-- //For-Mobile-Apps -->

    <!-- Style -->
    <link rel="stylesheet" href="css/style.css" type="text/css" media="all"/>
    <link rel="stylesheet" href="css/jquery-ui.css"/>
    <!-- JavaScript -->
    <script type="text/javascript" src="js/jquery.min.js"></script>

</head>
<body>
<form action="/add">
    <h1 class="book">你的酒店</h1>

    <div class="reg">

        <h1>预定你的套房</h1>

        <div class="members">
            <div class="adult">
                <h2>成人</h2>
                <div class="dropdown-button">
                    <select class="dropdown" name="cr" tabindex="10" data-settings='{"wrapperClass":"flat"}'>
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                    </select>
                </div>
            </div>

            <div class="child">
                <h2>儿童</h2>
                <div class="dropdown-button">
                    <select class="dropdown" tabindex="10" name="et" data-settings='{"wrapperClass":"flat"}'>
                        <option value="0">0</option>
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                    </select>
                </div>
            </div>
            <div class="clear"></div>
        </div>

        <div class="suite">
            <div class="dropdown-button">
                <h2>套间</h2>
                <select class="dropdown" name="tj" tabindex="10" data-settings='{"wrapperClass":"flat"}'>
                    <option value="1">-</option>
                    <option value="单人房">单人房</option>
                    <option value="豪华单人房">豪华单人房</option>
                    <option value="双人房">双人房</option>
                    <option value="豪华双人房">豪华双人房</option>
                    <option value="豪华套房">豪华套房</option>
                    <option value="行政套房">行政套房</option>
                    <option value="海景套房">海景套房</option>
                    <option value="总统套房">总统套房</option>
                    <option value="阁楼">阁楼</option>
                </select>
            </div>
        </div>

        <div class="book-pag">
            <h2>选择日期</h2>
            <div class="book-pag-frm1">
                <label>办理入住</label>
                <input class="date" id="datepicker1" type="text" value="Date" name="blrz" onfocus="this.value = '';"
                       onblur="if (this.value == '') {this.value = '';}" required="">
            </div>
            <div class="book-pag-frm2">
                <label>检查</label>
                <input class="date" id="datepicker2" type="text" value="Date" name="checkDate"
                       onfocus="this.value = '';" onblur="if (this.value == '') {this.value = '';}" required="">
            </div>
            <div class="clear"></div>
        </div>

        <!--Date Picker-->

        <script src="js/jquery-ui.js"></script>
        <script>
            $(function () {
                $("#datepicker,#datepicker1,#datepicker2").datepicker();
            });
        </script>
        <!--//Date Picker-->

        <div class="food">
            <h2>选菜</h2>
            <div class="radio-btns">
                <div class="check_box">
                    <div class="radio"><label><input type="radio" name="cp" value="本土化" checked="本土化"><i></i>本土化</label></div>
                </div>
                <div class="check_box">
                    <div class="radio"><label><input type="radio" name="cp" value="多点"><i></i>多点</label></div>
                </div>
            </div>
        </div>

        <div class="submit">
            <input type="submit" class="book" value="预定">
        </div>

    </div>

    <div class="reg-footer">
        <p>Copyright &copy; 2015.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a>
        </p>
    </div>
</form>
</body>
</html>